<template>
	<view class="details">
		<view class="single" v-for="(item,index) in detail" :key="index">
			<view class="images-spec" v-if="item.type == '2'">
				<image :class="[{'load-img':type==1},'imgs']" :src="item.desc" mode="widthFix"></image>
			</view>
			<p class="desc" v-else>{{item.desc}}</p>
		</view>
	</view>
</template>

<script>
	import {
		domain
	} from "@/utils/domain.js";
	export default {
		data() {
			return {
				detail: [], //详情内容
				IMGLink: domain,
				type: null,
			}
		},
		onLoad(option) {
			this.type = option.index;
			uni.setNavigationBarTitle({
				title: option.name
			});
			//type 1文字；2图片
			switch (option.index) {
				case "1":
					this.detail = [{
							type: '1',
							desc: '1、小程序版：启动微信，搜索“TT运维助手”小程序并打开。（暂未上架）'
						},
						{
							type: '1',
							desc: '2、APP版：'
						},
						{
							type: '1',
							desc: '2.1  安卓系统手机扫码下载，安装到本机即可使用该应用程序。'
						},
						{
							type: '1',
							desc: '下载地址：https://www.pgyer.com/qrpTCL'
						},
						{
							type: '2',
							desc: '/static/image/help_img1.png'
						},
						{
							type: '1',
							desc: '2.2  苹果系统手机，打开app store搜索（诊断助手）下载该应用即可使用该应用程序。（暂未上架）'
						},
					];
					break;
				case "2":
					this.detail = [{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img2.png`
						},
						{
							type: '1',
							desc: '点击“允许”授权蓝牙权限，方可搜索附近充/换电柜蓝牙设备，否则，无法使用。'
						},
						{
							type: '1',
							desc: '使用平台管理员分配的账号密码进行登录，即可使用相关功能。'
						},
					];
					break;
				case "3":
					this.detail = [{
							type: '1',
							desc: '隐私协议中，注明了使用相关隐私的用途，请您仔细阅读。'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img3.png`
						},
						{
							type: '1',
							desc: '需要授权您的蓝牙（安卓手机还需要打开定位）用于搜索附近蓝牙设备，便于您查询设备相关信息；'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img4.jpg`
						},
						{
							type: '1',
							desc: '需要授权您的手机存储权限，方便您将设备诊断报告导出；'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img5.jpg`
						},
						{
							type: '1',
							desc: '需要授权您的相机权限，方便扫描充/换电柜上的二维码，查找到您要操作的设备；'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img6.jpg`
						},
						{
							type: '1',
							desc: '如果拒绝授权操作，下次操作时，app端会跳转至设置页进行手动打开，方可使用。'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img7.jpg`
						},
						{
							type: '1',
							desc: '小程序需要打开小程序设置页，开启相关权限，方可使用。'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img8.jpg`
						},
					];
					break;
				case "4":
					this.detail = [{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img9.png`
						},
						{
							type: '1',
							desc: '打开手机蓝牙，安卓手机还需开启定位权限。若未查找到目标设备，请靠近目标设备，下拉刷新重试。或重启手机蓝牙，刷新列表。'
						},
					];
					break;
				case "5":
					this.detail = [{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img10.png`
						},
						{
							type: '1',
							desc: '所有操作均需在连接并鉴权成功后操作，包括一键诊断，状态查询，参数查询，版本查询等，如若设备连接失败或鉴权失败，则无法进行操作。'
						},
						{
							type: '1',
							desc: '如若不使用该设备，点击上方“断开连接”即可断开与该设备的蓝牙连接，自动返回上一级列表页。'
						},
					];
					break;
				case "6":
					this.detail = [{
							type: '1',
							desc: '点击“一键诊断”，对状态信息等进行诊断评分'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img11.png`
						},
						{
							type: '1',
							desc: '诊断完成之后，授权相册权限，可以将诊断报告保存在本地相册中。'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img12.png`
						},
					];
					break;
				case "7":
					this.detail = [{
							type: '1',
							desc: '点击状态查询，查询主控单元、仓控单元、检测单元等状态信息'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img13.png`
						},
						{
							type: '1',
							desc: '注：充电柜只可查询：状态信息、参数、版本查询信息。'
						},
						{
							type: '1',
							desc: '主控信息'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img14.png`
						},
						{
							type: '1',
							desc: '仓控单元'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img15.png`
						},
						{
							type: '1',
							desc: '检测单元'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img16.png`
						},
						{
							type: '1',
							desc: '柜控电源'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img17.png`
						},
						{
							type: '1',
							desc: '整流电源'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img18.png`
						},
						{
							type: '1',
							desc: '充电电源'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img19.png`
						},
						{
							type: '1',
							desc: '电池单元'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img20.png`
						},
					];
					break;
				case "8":
					this.detail = [{
							type: '1',
							desc: '点击参数查询，查询主控单元、仓控单元、检测单元等参数信息'
						},
						{
							type: '1',
							desc: '主控参数'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img21.png`
						},
						{
							type: '1',
							desc: '仓控参数'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img22.png`
						},
						{
							type: '1',
							desc: '检测单元参数'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img23.png`
						},
						{
							type: '1',
							desc: '柜控电源'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img24.png`
						},
						{
							type: '1',
							desc: '整流电源'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img25.png`
						},
						{
							type: '1',
							desc: '充电电源'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img26.png`
						},
						{
							type: '1',
							desc: '电池单元'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img27.png`
						},
					];

					break;
				case "9":
					this.detail = [{
							type: '1',
							desc: '点击版本查询，查询主控单元、仓控单元、检测单元等参数信息'
						},
						{
							type: '1',
							desc: '主控单元'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img27.png`
						},
						{
							type: '1',
							desc: '仓控单元'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img28.png`
						},
						{
							type: '1',
							desc: '检测单元'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img29.png`
						},
						{
							type: '1',
							desc: '柜控电源'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img30.png`
						},
						{
							type: '1',
							desc: '整流电源'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img31.png`
						},
						{
							type: '1',
							desc: '充电电源'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img32.png`
						},
						{
							type: '1',
							desc: '电池单元'
						},
						{
							type: '2',
							desc: `${this.IMGLink}/static/help/help_img33.png`
						},
					];
					break;
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.details {
		padding: 40rpx;

		.images-spec {
			text-align: center;
		}

		.imgs {
			width: 100%;
			border-radius: 12rpx;
			margin: 30rpx 0;
		}

		.load-img {
			width: 50%;
		}

		.desc {
			line-height: 58rpx;
			text-indent: 40rpx;
			margin-bottom: 10rpx;
		}
	}
</style>